<?php
    session_start();
    if ($_SESSION['usuario'] == "Coord. Servicio Comunitario")
    {
?>

<html>
    <head>
	<title>EconoUCAB Emprende</title>
   	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   	<link type="text/css" href="../cssIE/Master.css" rel="stylesheet" />
   	<link type="text/css" href="../cssIE/NoticiasAdmin.css" rel="stylesheet" />
   	<link type="text/css" href="../css/custom-theme/jquery-ui-1.8.18.custom.css" rel="stylesheet" />
   	<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
   	<script type="text/javascript" src="../js/jquery-ui-1.8.18.custom.min.js"></script>
        <script type="text/javascript" src="../js/HomeScripts.js"></script>
        <script type="text/javascript" src="../js/AdminMenuScripts.js"></script>
   	<script type="text/javascript">
   	    $(function() {
              cargaUltimasNoticas();
              cargaMeseseConNoticias();
   	      $( "button" ).button();
              $( "#dialog_noticia" ).dialog({
			autoOpen: false,
			height: 600,
			width: 560,
			modal: true,
                   	buttons: {      
                                "Cerrar": function(){
                                    $( this ).dialog( "close" );
                                }
                         }
               });
            });
            
            $(document).ready(function () {

                    // if user clicked on button, the overlay layer or the dialogbox, close the dialog	
                    $('a.btn-ok, #dialog-overlay, #dialog-box').click(function () {		
                            $('#dialog-overlay, #dialog-box').hide();		
                            return false;
                    });

                    // if user resize the window, call the same function again
                    // to make sure the overlay fills the screen and dialogbox aligned to center	
                    $(window).resize(function () {

                            //only do it if the dialog box is not hidden
                            if (!$('#dialog-box').is(':hidden')) popup();		
                    });	


            });

            //Popup dialog
            function popup(message) {

                    // get the screen height and width  
                    var maskHeight = $(document).height();
                    var maskWidth = $(document).width();

                    // calculate the values for center alignment
                    var dialogTop =  50;  
                    //var dialogLeft = (maskWidth/2) - ($('#dialog-box').width()/2); 
                    
                    
                    // assign values to the overlay and dialog box
                    $('#dialog-overlay').css({height:maskHeight, width:maskWidth}).show();
                    $('#dialog-box').css({top:dialogTop}).show();

                    // display the message
                    $('#dialog-message').html(message);

            }

            
            
            function registro()
            {                
                var nombre = document.getElementById('tituloNoticia').value;
                var contenido = document.getElementById('noticia').value;
                $.post("../Logica/RegistroNoticias.php",{
                    nombre:nombre,contenido:contenido
                },function(data){                    
                    alert(data);
                    window.location="../InterfazIE/NoticiasAdministrador.php";
                    //alert("Su solicitud se ha registrado con exito.");
                    //window.location="Home.html";                     
                });
            }
            
            function cargaMeseseConNoticias()
            {
                 $.post("../Logica/cargaMeseseConNoticias.php",{},
                 function(data){                                        
                    $('#comboMes').html(data);
                });
            }
            
            function cargaUltimasNoticas()
            {
                 $.post("../Logica/CargaUltimasNoticias.php",{},
                 function(data){                                        
                    $('#NoticiasArchivo').html(data);
                });
            }
            
            function BuscarNoticasPorMes(){
                var mes = document.getElementById('comboMes').value;
                if (mes != 0)
                {
                    $.post("../Logica/BuscarNoticasPorMes.php",{mes:mes},
                    function(data){ 
                        $('#NoticiasArchivo').html(data);
                    });
                }else{
                    cargaUltimasNoticas();
                }                
            }
            
            function AbrirNoticia(id){
                $.post("../Logica/CargaNoticiaSeleccionada.php",{id:id},
                 function(data){
                     popup(data);
//                    $('#dialogNoticiaSeleccionada').html(data);
                });
            }
            
            function CerrarSesion()
            {
                $.post("../Logica/CerrarSesion.php",{},function(data){
                    if (data==1)
                        window.location="Home.html";
                });
            }
            
   	</script>
</head>
    <body>
        <div id="tope"><a onclick="CerrarSesion();" href="#" style="color: #000;">Cerrar Sesion</a></div>
        <div style="width: 1330px;"><div id="LogoUcab"><img src="../Imagenes/LogoUcabEco.png" /></div>
        <div id="titulo">
           EconoUCAB Emprende
        </div></div>
        <div id="BarraMedia">
            <div id="menuGeneral">
                    <a href="#" class="menu" onclick="Cambiar(0)">Usuario</a>|
                    <a href="#" class="menu" onclick="Cambiar(1)">Buzon</a>|
                    <a href="#" class="menu" onclick="Cambiar(2)">Estadisticas</a>|
                    <a href="#" class="menu" onclick="Cambiar(3)">Noticias</a>|
                    <a href="#" class="menu" onclick="Cambiar(4)">Talleres</a>
            </div>
        </div>
        <div id="Fondo"></div>
        <div id="Cuerpo">
            <table id="tablaMain">
                <tr>
                    <td>
                        <div id="contgeneral" onmouseover="hoverDivEnter(this,'Verde')" onmouseout="hoverDivOut(this)">
                            <label class="tituloSec">Crear Noticia</label>
                            <div id="FormularioNoticia">
                                <table>
                                    <tr>
                                        <td>
                                            <span class="FormularioEle">
                                                <label for="tituloNoticia" style="display: block;">Titulo:</label>
                                                <input type="text" name="tituloNoticia" id="tituloNoticia" class="text ui-widget-content ui-corner-all" size=50 />
                                            </span>
                                            <span class="FormularioEle">
                                                <label for="noticia" style="display: block;margin-top: 5px;">Noticia:</label>
                                                <textarea rows="25" cols="50" name="noticia" id="noticia" class="text ui-widget-content ui-corner-all" size=25 /></textarea>
                                            </span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="button" value="Registrar" onclick="registro()" id="BotonRegistrar"/>
                                        </td>
                                    </tr>    
                                </table>
                            </div>
            </div>
                    </td>
                    <td>
                        <div id="contArchivo" onmouseover="hoverDivEnter(this,'Amr')" onmouseout="hoverDivOut(this)">
                            <div id="Archivo">
                                <label class="tituloSec">Archivo</label>
                                <div class="FormularioEle" style="margin-left: 15px;">
                                                <label for="fecha" style="display: block; margin-top: 30px;">Noticias:</label>
                                                <select id="comboMes" onchange="BuscarNoticasPorMes()">
                                                    <option value="01/11">ENE 2011</option>
                                                    <option value="12/11">DIC 2011</option> 
                                                    <option value="03/12">MAR 2012</option> 
                                                </select>
                                </div>
                                <div id ="NoticiasArchivo">
                                 <table>
                                    <tr>
                                        <td>
                                            <a class="tituloNoticia" onclick="AbrirNoticia(1)">Noticia 1 (01/01/11)</a> 
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a class="tituloNoticia" onclick="AbrirNoticia(2)">Noticia 2 (02/01/11)</a> 
                                        </td>
                                    </tr>
                                </table>
                                </div>
                                
                                
                                
                            </div>
                        </div>
                        </div>  
                    </td>
                </tr>
            </table>
        </div>
         
        <div id="footer">
            Creado voluntariamente por: Carlos Alvarez y Luis Carvajal, para la Escuela de Economía<br>
                Universidad Católica Andrés Bello, Montalbán - Caracas 2011 - 2012
        </div>
            <div id="Login"></div>
        <div id="DialogLogin" style="visibility: hidden" title="Ingresar al Sistema">
                <p class="validateTips"> Debe Llenar todos los campos</p>

                <form>
                    <fieldset>
                        <label for="Nombre">Nombre de Usuario:</label>
                        <input type="text" name="Nombre" id="Nombre" class="text ui-widget-content ui-corner-all"/>
                        <label for="Password">Contraseña:</label>
                        <input type="Password" name="Password" id="Password" value="" class="text ui-widget-content ui-corner-all" />
                    </fieldset>
	        </form>
         </div>
         <div id="dialog-overlay"></div>
            <div id="dialog-box">
                    <div class="dialog-content">
                        <div id="dialog-message"></div>
                        <a href="#" class="button">Cerrar</a>
         </div>
</div>
    </body>
</html>


<?php
    }else
    {
        header ("Location: Home.html");
    }
?>